<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta content="telephone=no" name="format-detection">
<meta http-equiv="x-rim-auto-match" content="none">
<title>{lang(register)}{lang(user)}</title>
<meta name="keywords" content="{getKeywords($archive,$category,$catid,$type)}" />
<meta name="description" content="{getDescription($archive,$category,$catid,$type)}" />
<meta name="author" content="CmsEasy Team" />
<link rel="icon" href="{get(site_ico)}" type="image/x-icon" />
<script type="text/javascript" src="{$skin_path}/js/user/jquery-1.11.2.min.js"></script>
<script language="javascript">
$(function() {
    if (window.PIE) {
        $('.rounded').each(function() {
            PIE.attach(this);
        });
    }
});
</script>
<style type="text/css">
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,a,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
	list-style:none;
}

.clear {clear:both;}

.input,#select {width:298px;
  height:30px;
  line-height:30px;
  padding:0px 10px;
  border:1px solid #ccc;
  font-weight:bold;
  font-size:12px;
  border-radius: 3px 3px 3px 3px; }
#select {width:320px;}

#mobilenum { float:left; width:140px; border:1px solid #ccc; line-height:26px; padding:0px 10px;border-radius: 3px 3px 3px 3px;}
#btm_sendMobileCode { float:right; width:150px; border:1px solid #ccc; line-height:26px; padding:0px 10px;border-radius: 3px 3px 3px 3px;}



body {
    line-height:1;
	font-family:'微软雅黑';
	line-height:180%;
background:white url({$skin_path}/images/user/bg.jpg) center -50px repeat-x;
}

#box {
position : absolute;
z-index:10;
width:100%;
}

#container {
  position : absolute;
  z-index:1;
  top:0;
  left:0;
  height:66%;
  right:0;

  background-size: 100% 120%;

}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
color:#000;
/*    vertical-align:baseline;
    background:transparent;
*/}

a:link { text-decoration: none;color:#000;}
　　 a:active { text-decoration:blink;}
　　 a:hover { text-decoration:underline;} 
　　 a:visited { text-decoration: none;}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0; 
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}



.box {width:420px;margin:0px auto;
  
  background:#eee;
-moz-box-shadow:0px 0px 15px #333;
-webkit-box-shadow:0px 0px 15px #333;
box-shadow:0px 0px 15px #333;

border-radius:10px;
border: 8px solid rgba(3,41,125,0.4);
    -moz-background-clip: border;     /* Firefox 3.6? */
    -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
    background-clip: border-box;      /* Firefox 4、Safari 5、Opera 10、IE9 */
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;     /* Firefox 4、Safari 5、Opera 10、IE9 */
    -moz-background-clip: content;     /* Firefox 3.6 */
    -webkit-background-clip: content;  /* Safari 4? Chrome 6? */
    background-clip: content-box;      /* Firefox 4、Safari 5、Opera 10、IE9 */
   behavior: url(pie.htc);
}

.bg {padding:30px 50px;}


.blank5,.blank10,.blank20,.blank30 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank20 {height:20px;}
.blank30 {height:30px;}


/*定义标题*/
.t_1{ height:120px;background: url({$skin_path}/images/user/t_1.png) repeat-x top center;color:#fff; margin:15px 0px; clear:both; text-align:center;}
.t_1 div{ width:990px; margin-left:auto; margin-right:auto; position:relative;}
.t_1 h3{ font-size:1.4em; border-bottom:1px solid #666; height:60px; line-height:60px; width:110px; font-weight:normal; margin:0px auto;}
.t_1 p{ font-size:1.6em; height:50px; line-height:50px; clear:both;  text-transform:capitalize;}
.t_1 a{ color:#fff;}

.logo {margin:35px 0px 15px 0px;text-align:center;}

.code {float:left; width:228px; height:28px; line-height:28px; padding:0px 10px; border:1px solid #ccc; color:#666; border-radius: 3px 0px 0px 3px;}

.register_btn {width:318px; height:34px; line-height:34px; padding:0px 40px; background:#FF4A00; text-align:center; color:white; border:1px solid #FF4A00;border-radius: 3px 3px 3px 3px; font-size:14px;}
.register_btn:hover {background:red;color:white;}

.btn {
float:left; 
width:90px;
height:38px;
line-height:38px;
padding:0px 30px;
border:none;
font-size:14px;
border-radius: 3px 3px 3px 3px;
overflow:hidden;
	cursor:pointer;
	background-color:#236298;
	display:block;
	text-align:center;
	color:#FFF;
	behavior: url(pie.htc);
}
.btn:hover{ background-color:#FF4A00;olor:#FFF;}

a.btn {color:#FFF;}

.copy {clear:both; width:420px;margin:0px auto; text-align:center;  color:#888; font-size:12px;  }
.copy a {color:#888;}


</style>
</head>
<body>

<!-- 中部开始 -->
<div id="container">
    <div id="anitOut"></div>
</div>

<div id="box">
<div class="logo"><a title="{get(sitename)}" href="{$base_url}/"><img src="{get('site_logo')}" alt="{get(sitename)}" width="{get(logo_width)}" /></a></div>
<div class="blank30"></div>

<!-- 中部开始 -->
<div class="box">
<div class="bg">

 <script type="text/javascript" LANGUAGE="javascript">
  function checkEmail(e_mail)
{
 //对电子邮件的验证
  var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
  return myreg.test(e_mail);
}

function isMobile(tel){
	return /^1([0-9]+){5,}$/g.test(tel);
}

  function check()
   {
       if(document.login_form.username.value.length==0){
  alert("{lang(please_enter_your_user_name)}");
  document.login_form.username.focus();
  return false;
       }

       if(document.login_form.password.value.length==0){
  alert("{lang(please_set_a_password)}");
  document.login_form.password.focus();
  return false;
       }

       if(document.login_form.password2.value.length==0){
  alert("{lang(enter_confirm_password)}");
  document.login_form.password2.focus();
  return false;
       }

       {if config::get('invitation_registration')=='1'}
       if(document.login_form.invite.value.length==0){
           alert("{lang('enter')}{lang('invitation-code')}");
           document.login_form.invite.focus();
           return false;
       }
       {/if}
				

       if(document.login_form.aquestion.value.length==0){
  alert("{lang(set_security)}");
  document.login_form.aquestion.focus();
  return false;
       }

       if(document.login_form.question.value.length==0){
  alert("{lang(please_set_the_security_answer)}");
  document.login_form.question.focus();
  return false;
       }

       if(document.login_form.answer.value.length==0){
  alert("{lang(please_enter_the_custom_security_answer)}");
  document.login_form.answer.focus();
  return false;
       }
				
				if(document.login_form.tel.value.length==0){
  alert("{lang(p_m_content)}");
  document.login_form.tel.focus();
  return false;
       }
				
				{if config::get('mobilechk_enable') && config::get('mobilechk_reg')}
				if(document.login_form.mobilenum.value.length==0){
  alert("{lang('cell_phone_parity_error')}");
  document.login_form.mobilenum.focus();
  return false;
       }
				{/if}
				
       if(document.login_form.verify.value.length==0){
  alert("{lang(enter)}{lang(verifycode)}!");
  document.login_form.verify.focus();
  return false;
       }
			return true; 
} 
function set_question(value)
   {
       document.getElementById("question").value=value;
       document.getElementById("question").focus();
   }
        </script>



    
<form id="login_form"   name="login_form" method="post"  action="<?php echo url('user/register') ?>" onsubmit="return check()">
     
<strong style="font-size:14px;color:red;">{message()}</strong>
     
{if config::get(reg_on)}
  
<input name="username" onfocus="if(this.value=='{lang(username)}') {this.value=''}" onblur="if(this.value=='') this.value='{lang(username)}'" type="text" id="username" value="{get('username')}" tabindex="1"  class="input" />
							
<div class="blank20"></div>
  
<input  name="password" type="password" id="password" value="" placeholder="{lang(password)}" tabindex="2" class="input" />
<div class="blank20"></div>
    
<input type='password' id="password2"  name="password2" value="" placeholder="{lang(againpassword)}" tabindex="3" class="input" />
<div class="blank20"></div>

{if config::get('invitation_registration')=='1'}
<input placeholder="{lang(invitation-code)}" type='text' id="invite" name="invite" value="" tabindex="4"  class="input" />
<div class="blank20"></div>
{/if}

<select name="" onchange="set_question(this.value);" id="select">
    <option value="{lang(select_security)}">{lang(select_security)}</option>
    <option value="{lang(father_was_born)}">{lang(father_was_born)}</option>
    <option value="{lang(mother_was_born)}">{lang(mother_was_born)}</option>
    <option value="{lang(elementary_school_name)}">{lang(elementary_school_name)}</option>
    <option value="{lang(name_in_the_school)}">{lang(name_in_the_school)}</option>
    <option value="{lang(favorite_sport)}">{lang(favorite_sport)}</option>
    <option value="{lang(favorite_songs)}">{lang(favorite_songs)}</option>
    <option value="{lang(favorite_movies)}">{lang(favorite_movies)}</option>
    <option value="{lang(favorite_color)}" >{lang(favorite_color)}</option>
    <option value="{lang(custom_questions)}" >{lang(custom_questions)}</option>
</select>
<div class="blank20"></div>


<div style="display:none;">
<input placeholder="" type='text' id="question"  name="question" value="" tabindex="3" class="input" />
</div>
 
      
    
<input value="{lang(answer)}" onfocus="if(this.value=='{lang(answer)}') {this.value=''}" onblur="if(this.value=='') this.value='{lang(answer)}'" type='text' id="answer"  name="answer" tabindex="3" class="input" />
 <div class="blank20"></div>
							
<input value="{lang(e_mail)}" onfocus="if(this.value=='{lang(e_mail)}') {this.value=''}" onblur="if(this.value=='') this.value='{lang(e_mail)}'" type='text' id="e_mail"  name="e_mail" tabindex="3"  class="input" />
 
<div class="blank20"></div>
<input value="{lang(tel)}" onfocus="if(this.value=='{lang(tel)}') {this.value=''}" onblur="if(this.value=='') this.value='{lang(tel)}'" type='text' id="tel"  name="tel" tabindex="3"  class="input" />
<div class="blank20"></div>
{if config::get('mobilechk_enable') && config::get('mobilechk_login')}
<script src="{$base_url}/js/mobilechk.js"></script>
<input id="btm_sendMobileCode" onclick="sendMobileCode('{url('tool/smscode')}',$('#tel'));" type="button" value="{lang(send_cell_phone_verification_code)}" />
<input type='text' placeholder="{lang(please_enter_the_phone_verification_code)}" id="mobilenum" name="mobilenum" />
<div class="blank20"></div>
{/if}
<input placeholder="{lang(address)}" type='text' id="address"  name="address" value="" tabindex="3"  class="input" />


 {loop $field $f}
 <?php
 $name=$f['name'];
 if(!preg_match('/^my_/',$name)) {
 unset($field[$name]);
 continue;
}
if(!setting::$var['user'][$name]['showinreg']) {
  continue;
 }
 ?>
<?php echo setting::$var['user'][$name]['cname']; ?>：
<div class="blank20"></div>
<?php echo form::getform($name,setting::$var['user'],$field,array()); ?>
{/loop}


{if config::get('verifycode')=='1'}  
<div class="blank20"></div>   
<div id="verifycode_embed"></div>
<script src="http://api.geetest.com/get.php"></script>
<script>
var loadGeetest = function(config) {
	window.gt_captcha_obj = new window.Geetest({
		gt : config.gt,
		challenge : config.challenge,
		product : 'float',
		offline : !config.success
	});
	gt_captcha_obj.appendTo("#verifycode_embed");
};

$.ajax({
	url : '{url('tool/geetest')}',
	type : "get",
	dataType : 'JSON',
	success : function(result) {
		//console.log(result);
		loadGeetest(result)
	}
});
</script>
{/if}

   
{else}
<div class="blank20"></div>
{lang(tips)}：{lang(sitecloseregister)}
       
{/if}


<div class="blank10"></div>
<input id="post" type="submit" name="submit" value=" {lang(register)} " class="register_btn"   />
<div class="blank20"></div>
<a href="{url('user/getpass')}" class="btn" style="margin-right:18px;">{lang(findpassword)}</a><a href="<?php echo url('user/login');?>" class="btn">{lang(login)}</a>
</form>

</div>

<div class="blank30"></div>
</div>
<div class="blank30"></div>

<div class="copy">
{get(site_right)} <a title="{get('sitename')}" href="{$base_url}/">{get('sitename')}</a> All Rights Reserved. 
<div class="clear"></div>
{getCopyRight()}
</div>
<div class="blank30"></div>
</div>
</div>
<div class="blank30"></div>



<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript">
$(function () {
    if (!window.ActiveXObject && !!document.createElement("canvas").getContext) {
        $.getScript("{$skin_path}/js/user/httpim-img.qq.compcqqjs200cav.js",
       function () {
  var t = {
      width: 1.5,
      height: 1.5,
      depth: 10,
      segments: 15,
      slices: 6,
      xRange: 0.8,
      yRange: 0.1,
      zRange: 1,
      ambient: "#525252",
      diffuse: "#FFFFFF",
      speed: 0.0002
  };
  var G = {
      count: 2,
      xyScalar: 1,
      zOffset: 100,
      ambient: "#002c4a",
      diffuse: "#005584",
      speed: 0.001,
      gravity: 1200,
      dampening: 0.95,
      minLimit: 10,
      maxLimit: null,
      minDistance: 20,
      maxDistance: 400,
      autopilot: false,
      draw: false,
      bounds: CAV.Vector3.create(),
      step: CAV.Vector3.create(Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1))
  };
  var m = "canvas";
  var E = "svg";
  var x = {
      renderer: m
  };
  var i, n = Date.now();
  var L = CAV.Vector3.create();
  var k = CAV.Vector3.create();
  var z = document.getElementById("container");
  var w = document.getElementById("anitOut");
  var D, I, h, q, y;
  var g;
  var r;

  function C() {
      F();
      p();
      s();
      B();
      v();
      K(z.offsetWidth, z.offsetHeight);
      o()
  }

  function F() {
      g = new CAV.CanvasRenderer();
      H(x.renderer)
  }

  function H(N) {
      if (D) {
 w.removeChild(D.element)
      }
      switch (N) {
 case m:
     D = g;
     break
      }
      D.setSize(z.offsetWidth, z.offsetHeight);
      w.appendChild(D.element)
  }

  function p() {
      I = new CAV.Scene()
  }

  function s() {
      I.remove(h);
      D.clear();
      q = new CAV.Plane(t.width * D.width, t.height * D.height, t.segments, t.slices);
      y = new CAV.Material(t.ambient, t.diffuse);
      h = new CAV.Mesh(q, y);
      I.add(h);
      var N, O;
      for (N = q.vertices.length - 1; N >= 0; N--) {
 O = q.vertices[N];
 O.anchor = CAV.Vector3.clone(O.position);
 O.step = CAV.Vector3.create(Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1));
 O.time = Math.randomInRange(0, Math.PIM2)
      }
  }

  function B() {
      var O, N;
      for (O = I.lights.length - 1; O >= 0; O--) {
 N = I.lights[O];
 I.remove(N)
      }
      D.clear();
      for (O = 0; O < G.count; O++) {
 N = new CAV.Light(G.ambient, G.diffuse);
 N.ambientHex = N.ambient.format();
 N.diffuseHex = N.diffuse.format();
 I.add(N);
 N.mass = Math.randomInRange(0.5, 1);
 N.velocity = CAV.Vector3.create();
 N.acceleration = CAV.Vector3.create();
 N.force = CAV.Vector3.create()
      }
  }

  function K(O, N) {
      D.setSize(O, N);
      CAV.Vector3.set(L, D.halfWidth, D.halfHeight);
      s()
  }

  function o() {
      i = Date.now() - n;
      u();
      M();
      requestAnimationFrame(o)
  }

  function u() {
      var Q, P, O, R, T, V, U, S = t.depth / 2;
      CAV.Vector3.copy(G.bounds, L);
      CAV.Vector3.multiplyScalar(G.bounds, G.xyScalar);
      CAV.Vector3.setZ(k, G.zOffset);
      for (R = I.lights.length - 1; R >= 0; R--) {
 T = I.lights[R];
 CAV.Vector3.setZ(T.position, G.zOffset);
 var N = Math.clamp(CAV.Vector3.distanceSquared(T.position, k), G.minDistance, G.maxDistance);
 var W = G.gravity * T.mass / N;
 CAV.Vector3.subtractVectors(T.force, k, T.position);
 CAV.Vector3.normalise(T.force);
 CAV.Vector3.multiplyScalar(T.force, W);
 CAV.Vector3.set(T.acceleration);
 CAV.Vector3.add(T.acceleration, T.force);
 CAV.Vector3.add(T.velocity, T.acceleration);
 CAV.Vector3.multiplyScalar(T.velocity, G.dampening);
 CAV.Vector3.limit(T.velocity, G.minLimit, G.maxLimit);
 CAV.Vector3.add(T.position, T.velocity)
      }
      for (V = q.vertices.length - 1; V >= 0; V--) {
 U = q.vertices[V];
 Q = Math.sin(U.time + U.step[0] * i * t.speed);
 P = Math.cos(U.time + U.step[1] * i * t.speed);
 O = Math.sin(U.time + U.step[2] * i * t.speed);
 CAV.Vector3.set(U.position, t.xRange * q.segmentWidth * Q, t.yRange * q.sliceHeight * P, t.zRange * S * O - S);
 CAV.Vector3.add(U.position, U.anchor)
      }
      q.dirty = true
  }

  function M() {
      D.render(I)
  }

  function J(O) {
      var Q, N, S = O;
      var P = function (T) {
 for (Q = 0, l = I.lights.length; Q < l; Q++) {
     N = I.lights[Q];
     N.ambient.set(T);
     N.ambientHex = N.ambient.format()
 }
      };
      var R = function (T) {
 for (Q = 0, l = I.lights.length; Q < l; Q++) {
     N = I.lights[Q];
     N.diffuse.set(T);
     N.diffuseHex = N.diffuse.format()
 }
      };
      return {
 set: function () {
     P(S[0]);
     R(S[1])
 }
      }
  }

  function v() {
      window.addEventListener("resize", j)
  }

  function A(N) {
      CAV.Vector3.set(k, N.x, D.height - N.y);
      CAV.Vector3.subtract(k, L)
  }

  function j(N) {
      K(z.offsetWidth, z.offsetHeight);
      M()
  }

  C();
       })
    } else {
        
    }
});
</script>
<![endif]-->
</body>
</html>